<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>中心开班信息</title>
        <style type="text/css">
            *{
                margin: 0px;
                padding: 0px;
            }
            div{
                width: 240px;
                border: 1px solid #d8d8d8;
                margin: 0px auto;
                background: linear-gradient(#5dc2f9 10%,#9ad8fb 20%,#e0f3fe 30%,#ffffff 40%);
                border-radius: 10px;
            }
            p{
                color: #ffffff;
                font-size: 16px;
                font-weight: 700;
                line-height: 40px;
                height: 40px;
                text-indent: 2.8em;
                background: url(bg.gif) no-repeat 8px center;
                border-bottom: 1px solid #ffffff;
            }
            ul{
                list-style-type: none;
                padding: 10px;
            }
            li{
                color: #626262;
                font-size: 12px;
                line-height: 24px;
                height: 24px;
                text-indent: 18px;
                background: url(dotBg.gif) left center;
                border-bottom: 1px dashed #a4a4a4;
            }
            li a:link{
                text-decoration: none;
                color: #626262;
            }
            li a:hover{
                color: #ff3300;
            }
        </style>
    </head>
    <body>
        <div>
            <p>中心开班信息</p>
            <ul>
                <li><a href="#">8月12日：学历+技能班</a></li>
                <li><a href="#">8月16日：高考特招班</a></li>
                <li><a href="#">8月23日：Java精英班</a></li>
                <li><a href="#">8月31日：学士后强化班</a></li>
                <li><a href="#">9月5日：大学生就业班</a></li>
                <li><a href="#">9月9日：企业定向委培班</a></li>
                <li><a href="#">9月16日：网络营销强化班</a></li>
            </ul>
        </div>
    </body>
</html>